<template>
  <div class="box">
    <table>
      <thead>
        <tr>
          <th>关于我们</th>
          <th>解决方案</th>
          <th>成功案例</th>
          <th>产品中心</th>
          <th>技术咨询</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>公司简介</td>
          <td>解决方案1</td>
          <td>xxxx</td>
          <td>xxxx</td>
          <td>资料下载</td>
        </tr>
        <tr>
          <td>企业文化</td>
          <td>解决方案2</td>
          <td>xxxx</td>
          <td>xxxx</td>
          <td>软件下载</td>
        </tr>
        <tr>
          <td>荣誉资质</td>
          <td>解决方案3</td>
          <td>xxxx</td>
          <td>xxxx</td>
          <td>常见问题</td>
        </tr>
        <tr>
          <td>联系我们</td>
          <td>解决方案4</td>
          <td>xxxx</td>
          <td>xxxx</td>
          <td>技术支持</td>
        </tr>
      </tbody> 
    </table>

    <!-- 二维码 -->
    <div class="qr">
      <img src="~assets/img/qrcode.jpg" alt="">
      <span>关注微信公众号</span>
    </div>
    <hr>
    <div class="info">
      <table>
        <tr>
          <td>内蒙古达英尔科技有限责任公司</td>
          <td>版权所有</td>
          <td>地址：内蒙古呼和浩特市新城区新华东街87号奈伦国际A座1605室</td>
          <td>蒙ICP备16003110号-1</td>
        </tr>
      </table>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'Foot',
  }
</script>

<style scoped>
  .box {
    width: auto;
    height: 230px;
    background-color: #152b59;
    padding: 30px 30px;
  }
  table {
    width: 700px;
    color: white;
    text-align: center;
  }
  table th {
    height: 40px;
  }
  table tr {
    height: 25px;
  }
  table tr td {
    font-size: 14px;
    color: #708093;
  }
  .qr {
    width: 110px;
    float: right;
    position: relative;
    top: -145px;
    right: 100px;
    padding: 7px;
    background-color: #fff;
    border-radius: 3px;
  }
  .qr img {
    width: 100%;
  }
  .qr span {
    font-size: 14px;
    padding-left: 5px;
  }
  hr {
    margin: 20px 0;
    border: 0.2px solid white;
  }
  .info table {
    width: 900px;
  }
  .info table td{
    width: auto;
    color: white;
    font-size: 14px;
  }
</style>